<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        /** 
         *  var stars = ['迪丽热巴','古力娜扎','热依扎','佟丽娅'];
         *  
         *  需求:拼接一个字符串===> '迪丽热巴-古力娜扎-热依扎-佟丽娅'
         * 
         */

        var stars = ['迪丽热巴', '古力娜扎', '热依扎', '佟丽娅'];
        var str = '';

        // 方式一： 在后面链接横岗
        for(var i = 0; i < stars.length; i++){
            // 如果是最后一个，不加横岗，不是最后一个加横岗
            // if(i === stars.length - 1){// 是最后一个元素
            //     str += stars[i];
            // }else{
            //     str += stars[i] + '-'
            // }
            // 三元表达式
            str += (i === stars.length - 1) ? stars[i] : stars[i] + '-';
        }
        console.log(str);

        // 方式二：
        // var stars = ['迪丽热巴', '古力娜扎', '热依扎', '佟丽娅'];
        // var str = stars[0];

        // for(var i = 1; i < stars.length; i++){
        //     str += '-' + stars[i]
        // }
        // console.log(str);

        // 方式三：
        var stars = ['迪丽热巴', '古力娜扎', '热依扎', '佟丽娅'];
        var str = '';

        for(var i = 0; i < stars.length; i++){
            str += stars[i] + '-'
        }
        str = str.slice(0, -1);
        console.log(str);

        // 处理字符串的方法：slice

        // slice(starIndex, endIndex) ; [starIndex, endIndex)
        // 字符串跟数组一样，也有索引
        // 字符串跟数组一样，也有长度
        // slice 参数可以是负数

        //          0123456789
        var str2 = '1234567890';

        console.log(str2[2], str2.length-1);
        console.log(str2.slice(1)); // 从索引 1 的位置截取到 最后 234567890

        console.log(str2.slice(0,str2.length - 1));// 0 截取到 9 [0,9)

        console.log(str2.slice(0, -1));// 不要最后一位

    </script>
</body>

</html>